@charset "utf-8";
@import "common/reset";
//
@function lp($px) {
    @return $px/640*100%;
}

//
@function c($px) {
    @return $px/2;
}

#fullpage {
    //图片类
    .index {
        background-image: url(../img/index/bj.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: relative;
        .logo {
            width: c(90px);
            height: c(30px);
            position: absolute;
            top: lp(40);
            left: lp(40);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel1 {
            width: c(383px);
            height: c(71px);
            position: absolute;
            top: lp(131);
            left: lp(124);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel2 {
            width: c(576px);
            height: c(156px);
            position: absolute;
            top: lp(163);
            left: lp(43);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel3 {
            width: c(355px);
            height: c(64px);
            position: absolute;
            top: lp(243);
            left: lp(165);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel4 {
            width: c(355px);
            height: c(64px);
            position: absolute;
            top: lp(285);
            left: lp(165);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel5 {
            width: c(77px);
            height: c(55px);
            position: absolute;
            top: lp(310);
            left: lp(55);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel6 {
            width: c(211px);
            height: c(414px);
            position: absolute;
            top: lp(330);
            left: 33%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel7 {
            width: c(92px);
            height: c(68px);
            position: absolute;
            top: lp(355);
            left: 13%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel8 {
            width: c(126px);
            height: c(76px);
            position: absolute;
            top: lp(450);
            left: 10%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel9 {
            width: c(148px);
            height: c(84px);
            position: absolute;
            top: lp(360);
            right: 9%;
            z-index: 999;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel10 {
            width: c(148px);
            height: c(84px);
            position: absolute;
            top: lp(460);
            right: 6%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel11 {
            width: c(182px);
            height: c(174px);
            position: absolute;
            top: lp(275);
            right: 5%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel12 {
            width: c(101px);
            height: c(94px);
            position: absolute;
            top: lp(520);
            right: 18%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel13 {
            width: c(100px);
            height: c(25px);
            position: absolute;
            top: lp(570);
            right: 45%;
            input {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel14 {
            width: c(67px);
            height: c(30px);
            position: absolute;
            top: lp(360);
            right: 29%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel15 {
            width: c(50px);
            height: c(26px);
            position: absolute;
            top: lp(410);
            right: 29%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel16 {
            width: c(40px);
            height: c(20px);
            position: absolute;
            top: lp(480);
            right: 29%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .mel17 {
            width: c(40px);
            height: c(20px);
            position: absolute;
            top: lp(450);
            right: 28%;
            img {
                width: 100%;
                overflow: hidden;
            }
        }
    }
    .page1 {
        background-image: url(../img/index/bj.png);
        position: relative;
        .liang1 {
            width: 100%;
            height: c(40);
            color: #FFFFFF;
            font-size: c(8px);
            text-align: center;
            position: absolute;
            top: lp(60);
            font-size: c(24px);
        }
        .liang2 {
            width: c(252px);
            height: c(351px);
            position: absolute;
            top: lp(90);
            left: lp(200);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang3 {
            width: c(125px);
            height: c(90px);
            position: absolute;
            top: lp(295);
            left: lp(31);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang4 {
            width: c(65px);
            height: c(59px);
            position: absolute;
            top: lp(259);
            right: lp(110);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang5 {
            width: c(100px);
            height: c(100px);
            position: absolute;
            top: lp(270);
            right: lp(0);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang6 {
            width: c(369px);
            height: c(63px);
            position: absolute;
            top: lp(360);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang7 {
            width: c(140px);
            height: c(63px);
            position: absolute;
            top: lp(360);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
            span {
                padding-left: (6px);
                font-size: c(20px);
            }
        }
        .liang8 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(410);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
            span {
                padding-left: c(6px);
            }
        }
        .liang9 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(410);
            left: lp(85);
            span {
                padding-left: c(6px);
                font-size: c(20px);
            }
        }
        .liang10 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(460);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
            span {
                padding-left: (6px);
                font-size: c(20px);
            }
        }
        .liang11 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(510);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
            span {
                padding-left: (6px);
                font-size: c(20px);
            }
        }
        .liang_kugou {
            width: c(83px);
            height: c(98px);
            position: absolute;
            top: lp(540);
            right: lp(100);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang12 {
            width: c(90px);
            height: c(90px);
            position: absolute;
            top: lp(320);
            right: lp(50);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang13 {
            width: c(60px);
            height: c(60px);
            position: absolute;
            top: lp(379);
            right: lp(60);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang14 {
            width: c(50px);
            height: c(50px);
            position: absolute;
            top: lp(430);
            right: lp(80);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang15 {
            width: c(40px);
            height: c(40px);
            position: absolute;
            top: lp(480);
            right: lp(95);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .liang16 {
            width: c(30px);
            height: c(30px);
            position: absolute;
            top: lp(520);
            right: lp(100);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
    }
    .page2 {
        background-image: url(../img/index/bj.png);
        background-repeat: no-repeat;
        position: relative;
        .g1 {
            width: 100%;
            height: c(40);
            color: #FFFFFF;
            font-size: c(8px);
            text-align: center;
            position: absolute;
            top: lp(60);
        }
        .g2 {
            width: c(252px);
            height: c(351px);
            position: absolute;
            top: lp(90);
            left: lp(200);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g3 {
            width: c(125px);
            height: c(90px);
            position: absolute;
            top: lp(295);
            left: lp(31);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g4 {
            width: c(65px);
            height: c(59px);
            position: absolute;
            top: lp(259);
            right: lp(110);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g5 {
            width: c(100px);
            height: c(100px);
            position: absolute;
            top: lp(270);
            right: lp(0);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g6 {
            width: c(369px);
            height: c(63px);
            position: absolute;
            top: lp(360);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g7 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(360);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
            span {
                padding-left: (6px);
                font-size: c(20px);
            }
        }
        .g8 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(410);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g9 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(410);
            left: lp(85);
            span {
                padding-left: c(6px);
                font-size: c(20px);
            }
        }
        .g10 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(460);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .Sugar {
            width: c(180px);
            height: c(63px);
            position: absolute;
            top: lp(460);
            left: lp(85);
            span {
                padding-left: (6px);
                font-size: c(20px);
            }
        }
        .g11 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(510);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
            span {
                padding-left: (6px);
                font-size: c(20px);
            }
        }
        .gou {
            width: c(83px);
            height: c(98px);
            position: absolute;
            top: lp(540);
            right: lp(100);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g12 {
            width: c(90px);
            height: c(90px);
            position: absolute;
            top: lp(320);
            right: lp(50);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g13 {
            width: c(60px);
            height: c(60px);
            position: absolute;
            top: lp(379);
            right: lp(60);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g14 {
            width: c(50px);
            height: c(50px);
            position: absolute;
            top: lp(430);
            right: lp(80);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g15 {
            width: c(40px);
            height: c(40px);
            position: absolute;
            top: lp(480);
            right: lp(95);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .g16 {
            width: c(30px);
            height: c(30px);
            position: absolute;
            top: lp(520);
            right: lp(100);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
    }
    .page3 {
        background-image: url(../img/index/bj.png);
        background-repeat: no-repeat;
        position: relative;
        .y1 {
            width: 100%;
            height: c(40);
            color: #FFFFFF;
            font-size: c(8px);
            text-align: center;
            position: absolute;
            top: lp(60);
            font-size: c(24px);
        }
        .y2 {
            width: c(252px);
            height: c(351px);
            position: absolute;
            top: lp(140);
            left: lp(176);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y3 {
            width: c(125px);
            height: c(90px);
            position: absolute;
            top: lp(295);
            left: lp(31);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y4 {
            width: c(65px);
            height: c(59px);
            position: absolute;
            top: lp(259);
            right: lp(110);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y5 {
            width: c(100px);
            height: c(100px);
            position: absolute;
            top: lp(270);
            right: lp(0);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y6 {
            width: c(369px);
            height: c(63px);
            position: absolute;
            top: lp(360);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y7 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(360);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
            span {
                padding-left: (6px);
                font-size: c(20px);
            }
        }
        .y8 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(410);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y9 {
            width: c(130px);
            height: c(63px);
            position: absolute;
            top: lp(410);
            left: lp(85);
            span {
                padding-left: c(6px);
                font-size: c(20px);
            }
        }
        .y10 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(460);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
            span {
                padding-left: (6px);
            }
        }
        .ar {
            width: c(180px);
            height: c(63px);
            position: absolute;
            top: lp(460);
            left: lp(85);
            span {
                padding-left: (6px);
                font-size: c(20px);
            }
        }
        .y11 {
            width: c(360px);
            height: c(63px);
            position: absolute;
            top: lp(510);
            left: lp(85);
            img {
                width: 100%;
                overflow: hidden;
            }
            span {
                padding-left: (6px);
                font-size: c(2px);
            }
        }
        .br {
            width: c(83px);
            height: c(98px);
            position: absolute;
            top: lp(540);
            right: lp(100);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y12 {
            width: c(90px);
            height: c(90px);
            position: absolute;
            top: lp(320);
            right: lp(50);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y13 {
            width: c(60px);
            height: c(60px);
            position: absolute;
            top: lp(379);
            right: lp(60);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y14 {
            width: c(50px);
            height: c(50px);
            position: absolute;
            top: lp(430);
            right: lp(80);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y15 {
            width: c(40px);
            height: c(40px);
            position: absolute;
            top: lp(480);
            right: lp(95);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .y16 {
            width: c(30px);
            height: c(30px);
            position: absolute;
            top: lp(520);
            right: lp(100);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
    }
    .evaluate {
        background-image: url(../img/index/bj.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: relative;
        .logo {
            width: c(90px);
            height: c(30px);
            position: absolute;
            top: lp(40);
            left: lp(40);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .ev1 {
            width: c(180px);
            height: c(180px);
            position: absolute;
            top: lp(95);
            left: lp(238);
            img {
                width: 100%;
                overflow: hidden;
            }
        }
        .ev2 {
            width: 100%;
            height: c(28px);
            line-height: c(28px);
            position: absolute;
            top: lp(215);
            text-align: center;
            .caoren {
                font-size: c(28px);
                color: #deff00;
            }
        }
        .ev3 {
            width: 100%;
            height: c(30px);
            line-height: c(28px);
            position: absolute;
            top: lp(250);
            text-align: center;
            font-size: c(30px);
            color: #FFFFFF;
        }
        .ev4 {
            width: 100%;
            height: c(28px);
            position: absolute;
            top: lp(300);
            left: c(24px);
            color: #FFFFFF;
            p {
                line-height: c(30px);
                font-size: c(24px);
            }
        }
        .ev5 {
            width: c(160px);
            height: c(34px);
            border-radius: c(20px);
            position: absolute;
            top: lp(320);
            right: c(65px);
            font-size: c(20px);
            line-height: c(34px);
            text-align: center;
            background-color: #bbcbd9;
        }
        .ev6 {
            width: c(160px);
            height: c(34px);
            border-radius: c(20px);
            position: absolute;
            top: lp(350);
            left: c(65px);
            font-size: c(20px);
            line-height: c(34px);
            text-align: center;
            background-color: rgba(91, 111, 122, .5)
        }
        .ev7 {
            width: c(160px);
            height: c(34px);
            border-radius: c(20px);
            position: absolute;
            top: lp(370);
            left: c(220px);
            font-size: c(20px);
            line-height: c(34px);
            text-align: center;
            background-color: rgba(162, 179, 96, .8);
        }
        .ev8 {
            width: c(160px);
            height: c(34px);
            border-radius: c(20px);
            position: absolute;
            top: lp(390);
            right: c(100px);
            font-size: c(20px);
            line-height: c(34px);
            text-align: center;
            background-color: #c3c126;
        }
        .ev9 {
            width: 100%;
            height: c(34px);
            position: absolute;
            top: lp(425);
            font-size: c(20px);
            line-height: c(34px);
            text-align: center;
            color: #FFFFFF;
        }
        .ev_center {
            width: 100%;
            position: absolute;
            top: lp(455);
        }
        .ev10 {
            width: 75%;
            margin: 0 auto;
            height: c(100px);
            border-radius: c(6px);
            border: c(2px) solid #FFFFFF;
            input {
                width: 100%;
                height: c(100px);
                border-radius: c(6px);
                background-color: transparent;
                border: none;
            }
        }
        .ev11 {
            width: c(160px);
            height: c(45px);
            position: absolute;
            top: lp(525);
            left: lp(125);
            text-align: center;
            input {
                background-color: #deff00;
                width: c(120px);
                height: c(45px);
                border-radius: c(20px);
                font-size: c(20px);
                line-height: c(34px);
            }
        }
        .ev12 {
            width: c(160px);
            height: c(45px);
            position: absolute;
            top: lp(525);
            right: lp(115);
            text-align: center;
            a {
                input {
                    background-color: #deff00;
                    width: c(120px);
                    height: c(45px);
                    border-radius: c(20px);
                    font-size: c(20px);
                    line-height: c(34px);
                }
            }
        }
    }
}